/*
    自定义login.css文件
*/
body{
    background-image:url("../img/sg.png");
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size: 100% 100%;
    margin:0px;
    padding: 0px;
}

/*------------------------------------login------------------------------------*/
#loginLeft{
    width:30%;
    height: 100%;
    float: left;
}

#loginRight{
    width:30%;
    height:100%;
    float: right;
}

/*-------------------------------------------loginCenter-----------------------------*/
#loginCenter{
    width:40%;
    height: 100%;
    margin: auto;
}

#loginCenter-top{
    width: 100%;
    height: 30%;
}

#loginCenter-zhong{
    width: 100%;
    height: 40%;
    background: rgba(0,191,255,0.5);
    border-radius: 10px;
}
#loginCenter-bottom{
    width: 100%;
    height: 30%;
}
/*---------------------------------loginCenter-zhong------------------------------*/
/*改变文本框的阴影*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px rgba(178,34,34,0.5) inset;
}
#kongBai{
    width: 100%;
    height: 20%;
}

/*userName*/
#textFrame{
    width: 100%;
    height: 20%;
}
#textFrameLeft{
    width: 20%;
    height: 100%;
    float: left;
    padding-left: 10%;
    color: yellow;
}
#textFrameRight{
    width: 70%;
    height: 100%;
    float: right;
}

#userName{
    width: 85%;
    height: 60%;
    background: rgba(178,34,34,0.5);
    color: white;
    border-radius: 15px;
}
/*password*/
#passFrame{
    width: 100%;
    height: 20%;
}
#passFrameLeft{
    width: 20%;
    height: 100%;
    float: left;
    color: yellow;
    padding-left: 10%;
}
#passFrameRight{
    width: 70%;
    height: 100%;
    float: right;
}
#passWord{
    width: 85%;
    height: 60%;
    background: rgba(178,34,34,0.5);
    color: white;
    border-radius: 15px;
}

#loginBtn{
    width: 100%;
    height: 20%;
    text-align: center;
}

#btn{
    width: 81%;
    height:60%;
    background: firebrick;
    opacity: 0.7;
    border-radius: 15px;
    color:white;
    font-size: 10px;
}

